html,
 body,
 div,
 span,
 applet,
 object,
 iframe,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 blockquote,
 pre,
 a,
 abbr,
 acronym,
 address,
 big,
 cite,
 code,
 del,
 dfn,
 em,
 img,
 ins,
 kbd,
 q,
 s,
 samp,
 small,
 strike,
 strong,
 sub,
 sup,
 tt,
 var,
 b,
 u,
 i,
 center,
 dl,
 dt,
 dd,
 ol,
 ul,
 li,
 fieldset,
 form,
 label,
 legend,
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td,
 article,
 aside,
 canvas,
 details,
 embed,
 figure,
 figcaption,
 footer,
 header,
 hgroup,
 menu,
 nav,
 output,
 ruby,
 section,
 summary,
 time,
 mark,
 audio,
 video {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline;
     box-sizing: border-box;
 }

 /* HTML5 display-role reset for older browsers */
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section,
 img {
     display: block;
 }

 body {
     line-height: 1;
     font-size: 12px;
     font-family: Microsoft YaHei
 }

 ol,
 ul {
     list-style: none;
 }

 blockquote,
 q {
     quotes: none;
 }

 blockquote:before,
 blockquote:after,
 q:before,
 q:after {
     content: '';
     content: none;
 }

 table {
     border-collapse: collapse;
     border-spacing: 0;
 }

 a {
     text-decoration: none;
 }

 .w-100 {
     width: 100%;
 }

 .h-100 {
     height: 100%;
 }

 .w-1920 {
     width: 1920px;
 }

 .w-1600 {
     width: 1600px;
 }

 .w-1520 {
     width: 1520px;
 }


 .w-1480 {
     width: 1480px;
 }

 .w-1440 {
     width: 1440px;
 }

 .w-1420 {
     width: 1420px;
 }

 .w-1400 {
     width: 1400px;
 }

 .w-1280 {
     width: 1280px;
 }

 .w-1220 {
     width: 1220px;
 }

 .w-1200 {
     width: 1200px;
 }

 .w-1140 {
     width: 1140px;
 }

 .w-1000 {
     width: 1000px;
 }

 .m-0-a {
     margin: 0 auto;
 }

 .mt-10 {
     margin-top: 10px;
 }

 .mt-30 {
     margin-top: 30px;
 }

 .mt-20 {
     margin-top: 20px;
 }

 .position-relative {
     position: relative;
 }

 .position-absolute {
     position: absolute;
 }

 .top-left-translate-50 {
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .flex {
     display: flex;
 }

 .flex-1 {
     flex: 1;
 }

 .grid {
     display: grid;
 }

 /* 网格布局 一行1个 */
 .gtc-r-1-1 {
     grid-template-columns: repeat(1, 1fr);
 }

 /* 网格布局 一行两个 */
 .gtc-r-2-1 {
     grid-template-columns: repeat(2, 1fr);
 }

 /* 网格布局 一行3个 */
 .gtc-r-3-1 {
     grid-template-columns: repeat(3, 1fr);
 }

 /* 网格布局 一行4个 */
 .gtc-r-4-1 {
     grid-template-columns: repeat(4, 1fr);
 }

 /* 网格布局 一行5个 */
 .gtc-r-5-1 {
     grid-template-columns: repeat(5, 1fr);
 }

 .gap-4 {
     gap: 4px;
 }

 .gap-6 {
     gap: 6px;
 }

 .gap-10 {
     gap: 10px;
 }

 .gap-12 {
     gap: 12px;
 }

 .gap-14 {
     gap: 14px;
 }

 .gap-16 {
     gap: 16px;
 }

 .gap-18 {
     gap: 18px;
 }

 .gap-20 {
     gap: 20px;
 }

 .gap-30 {
     gap: 30px;
 }

 .gap-40 {
     gap: 40px;
 }

 .gap-50 {
     gap: 50px;
 }

 .gap-60 {
     gap: 60px;
 }

 .gap-70 {
     gap: 70px;
 }

 .gap-80 {
     gap: 80px;
 }

 .gap-90 {
     gap: 90px;
 }

 .gap-100 {
     gap: 100px;
 }

 .flex-1 {
     flex: 1;
 }

 /* 水平居中 */
 .jc-c {
     justify-content: center;
 }

 /* 垂直居中 */
 .ai-c {
     align-items: center;
 }

 /* 水平 垂直  居中 */
 .jc-ai-c {
     justify-content: center;
     align-items: center;
 }

 /* 两端对齐 */
 .jc-sb {
     justify-content: space-between;
 }

 /* 分配相同空间 */
 .jc-sa {
     justify-content: space-around;
 }

 /* 靠右 */
 .jc-fe {
     justify-content: flex-end;
 }

 /* 靠左 */
 .jc-fs {
     justify-content: flex-start;
 }

 /* 靠右 垂直居中 */
 .jc-fe-ai-c {
     justify-content: flex-end;
     align-items: center;
 }

 /* 靠左 垂直居中 */
 .jc-fs-ai-c {
     justify-content: flex-start;
     align-items: center;
 }

 /* 靠右 */
 .jc-fe {
     justify-content: flex-end;
 }

 /* 靠下 */
 .ai-fe {
     align-items: flex-end;
 }

 /* 靠上 */
 .ai-fs {
     align-items: flex-start;
 }

 /* 改变主轴方向 向下 */
 .fd-c {
     flex-direction: column;
 }

 /* 等分间距 */
 .jc-se {
     justify-content: space-evenly;
 }

 /* 换行显示 */
 .fw-w {
     flex-wrap: wrap;
 }

 .p-10 {
     padding: 10px;
 }

 .p-20 {
     padding: 20px;
 }

 .p-30 {
     padding: 30px;
 }

 .p-40 {
     padding: 40px;
 }

 .p-50 {
     padding: 50px;
 }

 /* 上内边距 10px */
 .pt-10 {
     padding-top: 10px;
 }

 /* 上内边距 20px */
 .pt-20 {
     padding-top: 20px;
 }

 /* 上内边距 30px */
 .pt-30 {
     padding-top: 30px;
 }

 /* 上内边距 40px */
 .pt-40 {
     padding-top: 40px;
 }

 /* 上内边距 50px */
 .pt-50 {
     padding-top: 50px;
 }

 /* 上内边距 60px */
 .pt-60 {
     padding-top: 60px;
 }

 /* 上内边距 70px */
 .pt-70 {
     padding-top: 70px;
 }

 /* 上内边距 80px */
 .pt-80 {
     padding-top: 80px;
 }

 /* 上内边距 90px */
 .pt-90 {
     padding-top: 90px;
 }

 /* 上内边距 100px */
 .pt-100 {
     padding-top: 100px;
 }

 /* 上内边距 100px */
 .pt-130 {
     padding-top: 130px;
 }

 /* 下内边距 10px */
 .pb-10 {
     padding-bottom: 10px;
 }

 /* 下内边距 20px */
 .pb-20 {
     padding-bottom: 20px;
 }

 /* 下内边距 30px */
 .pb-30 {
     padding-bottom: 30px;
 }

 /* 下内边距 40px */
 .pb-40 {
     padding-bottom: 40px;
 }

 /* 下内边距 50px */
 .pb-50 {
     padding-bottom: 50px;
 }

 /* 下内边距 60px */
 .pb-60 {
     padding-bottom: 60px;
 }

 /* 下内边距 70px */
 .pb-70 {
     padding-bottom: 70px;
 }

 /* 下内边距 80px */
 .pb-80 {
     padding-bottom: 80px;
 }

 /* 下内边距 90px */
 .pb-90 {
     padding-bottom: 90px;
 }

 /* 下内边距 100px */
 .pb-100 {
     padding-bottom: 100px;
 }

 /* 下内边距 130px */
 .pb-130 {
     padding-bottom: 130px;
 }

 /* 左内边距 10px */
 .pl-10 {
     padding-left: 10px;
 }

 /* 左内边距 20px */
 .pl-20 {
     padding-left: 20px;
 }

 /* 左内边距 30px */
 .pl-30 {
     padding-left: 30px;
 }

 /* 左内边距 40px */
 .pl-40 {
     padding-left: 40px;
 }

 /* 左内边距 50px */
 .pl-50 {
     padding-left: 50px;
 }

 /* 左内边距 60px */
 .pl-60 {
     padding-left: 60px;
 }

 /* 左内边距 70px */
 .pl-70 {
     padding-left: 70px;
 }

 /* 左内边距 80px */
 .pl-80 {
     padding-left: 80px;
 }

 /* 左内边距 90px */
 .pl-90 {
     padding-left: 90px;
 }

 /* 左内边距 100px */
 .pl-100 {
     padding-left: 100px;
 }


 /* 右内边距 10px */
 .pr-10 {
     padding-right: 10px;
 }

 /* 右内边距 20px */
 .pr-20 {
     padding-right: 20px;
 }

 /* 右内边距 30px */
 .pr-30 {
     padding-right: 30px;
 }

 /* 右内边距 40px */
 .pr-40 {
     padding-right: 40px;
 }

 /* 右内边距 50px */
 .pr-50 {
     padding-right: 50px;
 }

 /* 右内边距 60px */
 .pr-60 {
     padding-right: 60px;
 }

 /* 右内边距 70px */
 .pr-70 {
     padding-right: 70px;
 }

 /* 右内边距 80px */
 .pr-80 {
     padding-right: 80px;
 }

 /* 右内边距 90px */
 .pr-90 {
     padding-right: 90px;
 }

 /* 右内边距 100px */
 .pr-100 {
     padding-right: 100px;
 }



 /* 上外边距 10px */
 .mt-10 {
     margin-top: 10px;
 }

 /* 上外边距 20px */
 .mt-20 {
     margin-top: 20px;
 }

 /* 上外边距 30px */
 .mt-30 {
     margin-top: 30px;
 }

 /* 上外边距 40px */
 .mt-40 {
     margin-top: 40px;
 }

 /* 上外边距 50px */
 .mt-50 {
     margin-top: 50px;
 }

 /* 上外边距 60px */
 .mt-60 {
     margin-top: 60px;
 }

 /* 上外边距 70px */
 .mt-70 {
     margin-top: 70px;
 }

 /* 上外边距 80px */
 .mt-80 {
     margin-top: 80px;
 }

 /* 上外边距 90px */
 .mt-90 {
     margin-top: 90px;
 }

 /* 上外边距 100px */
 .mt-100 {
     margin-top: 100px;
 }


 /* 下外边距 10px */
 .mb-10 {
     margin-bottom: 10px;
 }

 /* 下外边距 20px */
 .mb-20 {
     margin-bottom: 20px;
 }

 /* 下外边距 30px */
 .mb-30 {
     margin-bottom: 30px;
 }

 /* 下外边距 40px */
 .mb-40 {
     margin-bottom: 40px;
 }

 /* 下外边距 50px */
 .mb-50 {
     margin-bottom: 50px;
 }

 /* 下外边距 60px */
 .mb-60 {
     margin-bottom: 60px;
 }

 /* 下外边距 70px */
 .mb-70 {
     margin-bottom: 70px;
 }

 /* 下外边距 80px */
 .mb-80 {
     margin-bottom: 80px;
 }

 /* 下外边距 90px */
 .mb-90 {
     margin-bottom: 90px;
 }

 /* 下外边距 100px */
 .mb-100 {
     margin-bottom: 100px;
 }


 /* 左外边距 10px */
 .ml-10 {
     margin-left: 10px;
 }

 /* 左外边距 20px */
 .ml-20 {
     margin-left: 20px;
 }

 /* 左外边距 30px */
 .ml-30 {
     margin-left: 30px;
 }

 /* 左外边距 40px */
 .ml-40 {
     margin-left: 40px;
 }

 /* 左外边距 50px */
 .ml-50 {
     margin-left: 50px;
 }

 /* 左外边距 60px */
 .ml-60 {
     margin-left: 60px;
 }

 /* 左外边距 70px */
 .ml-70 {
     margin-left: 70px;
 }

 /* 左外边距 80px */
 .ml-80 {
     margin-left: 80px;
 }

 /* 左外边距 90px */
 .ml-90 {
     margin-left: 90px;
 }

 /* 左外边距 100px */
 .ml-100 {
     margin-left: 100px;
 }


 /* 右外边距 10px */
 .mr-10 {
     margin-right: 10px;
 }

 /* 右外边距 20px */
 .mr-20 {
     margin-right: 20px;
 }

 /* 右外边距 30px */
 .mr-30 {
     margin-right: 30px;
 }

 /* 右外边距 40px */
 .mr-40 {
     margin-right: 40px;
 }

 /* 右外边距 50px */
 .mr-50 {
     margin-right: 50px;
 }

 /* 右外边距 60px */
 .mr-60 {
     margin-right: 60px;
 }

 /* 右外边距 70px */
 .mr-70 {
     margin-right: 70px;
 }

 /* 右外边距 80px */
 .mr-80 {
     margin-right: 80px;
 }

 /* 右外边距 90px */
 .mr-90 {
     margin-right: 90px;
 }

 /* 右外边距 100px */
 .mr-100 {
     margin-right: 100px;
 }

 /* 背景色 */
 .bj_F7F8F9 {
     background: #F7F8F9;
 }

 .bg-white {
     background-color: #fff;
 }

 .bg-F3F7FF {
     background: #F3F7FF;
 }